$(function(){
     // 1.数据展示
     var currpage = 1;
     var render = function(){
        getcategory({
             page:currpage,
             pageSize:2
         },function(data){
            //  console.log(data);
             // 渲染页面
             $('tbody').html(template('template',data))
             // 渲染分页
             setPagenitor(data.page,Math.ceil(data.total/data.size))
         })
     }
     render();
//    添加分页
 // 2.分页展示
    var setPagenitor = function (currPage, totalPages) {
        $('#paginator').bootstrapPaginator({
            // 版本
            bootstrapMajorVersion: 3,
            // 当前页
            currentPage: currPage,
            // 总页数
            totalPages: totalPages,
            size: 'small',
            itemTexts: function (type, page, current) {//设置显示的样式，默认是箭头
                switch (type) {
                    case "first":
                        return "首页";
                    case "prev":
                        return "上一页";
                    case "next":
                        return "下一页";
                    case "last":
                        return "末页";
                    case "page":
                        return page;
                }
            },
            //点击事件
            onPageClicked: function (event, originalEvent, type, page) {
                // console.log(page);
                // page为当前你点击的页面
                // 将页码改为点击的页码，在进行渲染
                currpage = page;
                render();
            }

        })
    }
    // 添加分类
    $('.add-btn').on('click',function(){
        $('#optionModal').modal('show');
    })
    // 进行表单的校验
    $('form').bootstrapValidator({
        // 默认的样式
        feedbackIcons: {/*input状态样式图片*/
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields:{
            categoryname:{
                validators: {
                    notEmpty: {//非空验证：提示消息
                        message: '用户名不能为空'
                    }
                }
            }
        }
    }).on('success.form.bv', function(e) {//点击提交之后
        // 禁用默认提交事件，使用ajax来提交
        // console.log(11111);
        e.preventDefault();
        // console.log(11111);
        // 获取当前表单的值
        // var $form = $(e.target);
        var name = $('.form-control').val();
        //  发送登录请求
        $.ajax({
            type:'post',
            url:'/category/addTopCategory',
            data:{categoryName:name},
            dataType:'json',
            success:function(data){
                console.log(111)
                if(data.success){
                    // 渲染页面
                    currPage = 1;
                    render();
                    // 重置表单
                    $("form").data('bootstrapValidator').resetForm();  
                    $("form").find('[type="text"]').val('')
                }else{
                     // 添加失败
                    // 重置表单，恢复可提交的按钮
                    $("form").data('bootstrapValidator').disableSubmitButtons(false);
                    
                }
            }
        })
        // 关闭模态框
        $('#optionModal').modal('hide');
        // 重置表单
        $("form").data('bootstrapValidator').resetForm(); 
    });
     
    
     
})

// 请求数据
var getcategory = function(paramas,callback){
    $.ajax({
        type:'get',
        url:'/category/queryTopCategoryPaging',
        data:paramas,
        dataType:'json',
        success:function(data){
            callback && callback(data)
        }
    })
}
